<html>
    <head>
        <title>标签</title>
        <meta charset="utf-8">
        <style>
            /*代表选中所有的li*/
            /*标签选择器*/
            li
            {
               /*list-style: none; */
            }

            /* 上下级选择器*/
            ol li{
                list-style: none;
            }
            /*父子选择器*/
            ol>li{

            }
            /*并列选择器*/
            ol,ul{

            }
            /*相邻的下一个元素*/
            header+main{

            }
            /*class名字*/
            .aa{
                
            }
            /*id名字*/
            #aa{

            }
            
        </style>
    </head>
    <body>
        <header class="aa"></header>
        <main class="aa"></main>
        <footer id="aa"></footer>
        <main></main>
        <section></section>
        <nav></nav>
        <article></article>
        <aside></aside>

        <header></header>
        <main>
            <section>

            </section>
        </main>
        <footer></footer>

        <!--有序列表-->
        <ol>
            <li>html</li>
            <li>css</li>
            <div></div>
            <li>js</li>
            <li>java</li>
        </ol>

        <!--无序列表-->
        <ul>
            <li>html</li>
            <li>css</li>
            <li>js</li>
            <li>java</li>
        </ul>
    </body>
</html>